<template>
	<view class="container" :style="{height:`calc(100vh - ${height}px)`}">
		<Header title="展会名录" back></Header>
		<view class="wapper">
			<view class="list">
				<view class="item">
					
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import Header from '@/components/haeder.vue'
	import banner1 from '@/static/banner/banner1.png'
	export default {
		components: {
			Header
		},
		data() {
			return {
				height: 0,
				list:[]
			}
		},
		methods: {

		},
		async mounted() {
			let res = await this.$api.getNavs6()
			this.list = res.value.children
		},
		created() {
			let app = uni.getSystemInfoSync();
			this.height = app.windowBottom
		}
	}
</script>

<style scoped lang="scss">
	.container {
		width: 100vw;
		overflow: auto;
		display: flex;
		flex-direction: column;

		.wapper {
			flex: 1;
			background: #f2f2f2;
			padding:20rpx;
			z-index: 100;
			margin-top: -280rpx;
			border-top-left-radius: 60rpx;
			border-top-right-radius: 60rpx;
		}
	}
</style>